<template>
  <div class="mine-head">
        <a href="" class="mine-set"> 
            <img src="https://api.10street.cn/wap/images/mycenter/shezhi.png" alt="">
        </a>
        <i class="mine-mess"> </i>
        <div class="mine-user"> 
            <div class="user-img">
                <a href="javascript:void(0)"><img src="https://api.10street.cn/wap/images/home/empty_avatar.png" alt=""></a>
            </div>
            <div class="user-login">
                <a href="javascript:void(0)">
                    登录/注册 <img src="https://api.10street.cn/wap/images/specialty/arrow_single.png" alt="">
                </a>
            </div>
        </div>
        <div class="user-vip">
            <div>
                <a class="vip-text" href="javascript:void(0)">开通会员可省￥6298/年 享10大会员权益</a>
                <a  class="vip-open" href="javascript:void(0)"><em>立即开通</em></a>
            </div>
        </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus" scoped>
.mine-head
  height 2.2rem
  position relative
  background url("https://api.10street.cn/wap/images/mycenter/memberBg.png")no-repeat center 0
  .mine-set 
    position  absolute 
    right  0.55rem 
    top  0.28rem  
    z-index  5 
    width 0.22rem
    display  block 
    img 
      width 100%
  .mine-mess
      width 0.22rem
      height 0.22rem
      display block
      background url("https://api.10street.cn/wap/images/mycenter/message.png")no-repeat center center
      background-size: 99% auto
      position absolute
      top  0.3rem  
      right  0.15rem 
  .mine-user
    padding-top  0.55rem
    margin-left 0.22rem
    .user-img
      width 0.67rem
      height 0.67rem
      float left
      img 
        width 100%
    .user-login
       float left
       font-size 0.2rem
       height 0.67rem
       line-height 0.67rem
       margin-left 0.2rem
       a 
         color #fff
  .user-vip
    position absolute
    background url("https://api.10street.cn/wap/images/member/member_black_bg.png")no-repeat 0 0/100% 100%;
    width 100%
    bottom 0 
    height 0.75rem
    padding 0.17rem 0.15rem 0 0.25rem
    .vip-text
      font-size 0.15rem 
      color #F0CBC5
      float left
    .vip-open  
      float left
      display block
      width 0.8rem
      height 0.25rem
      border-radius 0.12rem
      background: linear-gradient(129deg,#FEE4DE 0%,#F9C1B3 100%);
      text-align center
      line-height 0.25rem
      margin-left 0.1rem
      color  #5D2313
</style>